/**
 * Created by karim on 2016/11/17 0017.
 */

    
//$(document).ready(function(){
    $(".del").click(function(){
        if(confirm('确定要删除么?')){
            $(this).parent().parent().remove();
        }
    });
    
//    $('#loader_start').shCircleLoader();
    $('#loader_start').shCircleLoader({keyframes:"0%{background:black}40%{background:transparent}60%{background:transparent}100%{background:black}"});
    
    
   
    
//    function nowTime(){
//        var update = new Date();
//        var FullYear=update.getFullYear()+"年";
//        var Month=update.getMonth();
//        var Day= update.getDate()+"日    ";
//        var d1=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//        var d2=update.getDay();
//        var Week= d1[d2];
//        var Hours= "&nbsp;"+addZero(update.getHours())+":";
//        var Minutes= addZero(update.getMinutes())+":";
//        var Sec= addZero(update.getSeconds());     
//        document.getElementById("time").innerHTML=FullYear+(Month+1)+"月"+Day+Week+Hours+Minutes+Sec;
//        var nowYMD=FullYear+(Month+1)+"月"+Day+Week+Hours+Minutes+Sec;

//    }
//nowTime();
//setInterval("nowTime()",1000);
//
//function addZero(time){
//    var addZero = parseInt(time);
//    if (addZero<10){
//        addZero = "0"+addZero;
//        return addZero;
//    }
//    return addZero;
//}
function toAddIndex(){
    window.location.href = 'addScene.html';
}
//    function goDelete(userId){
//        if(confirm('确定要删除么?')){
//            window.location.href = 'deleteScene.html?id='+userId ;
//        }
//    }
    
    
    	
	
	 //素材的拖动
	function dragStart(ev){
	    ev.dataTransfer.setData("Text",ev.target.id);
	}
	function pre(ev){
	    ev.stopPropagation(); //阻止冒泡
	    ev.preventDefault();//阻止以默认链接形式打开
	}
	function dragOver(ev) {
	    ev.stopPropagation(); //阻止冒泡
	    ev.preventDefault();//阻止以默认链接形式打开
	    if ((ev.target.classList.value != "listOpen") && (ev.target.classList.value != "listOff")&&(ev.target.classList[0] != "listOpen")&&(ev.target.classList[0] != "listOff")) {
	        return false;
	    }
	   
	    var data = ev.dataTransfer.getData("Text");
	    ev.target.appendChild(document.getElementById(data));//完成拖动动作
	    
	    if ((ev.target.className == "listOpen")){
	        var selList = $("#"+ev.target.id+">div").last();//获取目标框中所有的素材
	        var selId = selList.attr("id");
//	        var IDtype = selId.substring(0,selId.indexOf('_'));
	        var IDtype = selId.substring(selId.indexOf('_'),999);
	        if (IDtype=="_2"||IDtype=="_3"){
	            var toggleAlert ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee;height: auto">'+
	                '<label class="label">G102:</label>'+
	                '<input type="checkbox" name="G102" id="'+selId+'_G102" style="vertical-align: middle">'+
	                '<label class="label">G103:</label>'+
	                '<input type="checkbox" name="G103" id="'+selId+'_G103" style="vertical-align: middle">'+
	                '<label class="label">G104:</label>'+
	                '<input type="checkbox" name="G104" id="'+selId+'_G104" style="vertical-align: middle">'+
	                '<label class="label">G105:</label>'+
	                '<input type="checkbox" name="G105" id="'+selId+'_G105" style="vertical-align: middle">'+
	                '<label class="label">G201:</label>'+
	                '<input type="checkbox" name="G201" id="'+selId+'_G201" style="vertical-align: middle"><br/>'+
	                '<label class="label">G202:</label>'+
	                '<input type="checkbox" name="G202" id="'+selId+'_G202" style="vertical-align: middle">'+
	                '<label class="label">G203:</label>'+
	                '<input type="checkbox" name="G203" id="'+selId+'_G203" style="vertical-align: middle">'+
	                '</div>';
//	                        console.log($("#"+selId).parent().child(" #"+selId+"ID").attr("id"));
	            $("#"+selId+"ID").remove(); 
	            if (!$("#"+selId+"ID").attr("id")){
	                $("#"+selId).after(toggleAlert);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="_4"){
	        	var toogleRealy = '继电器&nbsp;&nbsp;&nbsp;&nbsp;开关:&nbsp;<input id="'+selId+'ID" type="checkbox" name="realy" style="vertical-align: text-bottom;"/>'
	        		$("#"+selId).html(toogleRealy);
	        }
	        if (IDtype=="meeting"){
	            var toggleMeeting ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee">'+
	                '<label class="label">G201:</label>'+
	                '<input type="checkbox" name="G201" id="'+selId+'_G201" style="vertical-align: middle">'+
	                '<label class="label">G202:</label>'+
	                '<input type="checkbox" name="G202" id="'+selId+'_G202" style="vertical-align: middle">'+
	                '<label class="label">G203:</label>'+
	                '<input type="checkbox" name="G203" id="'+selId+'_G203" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleMeeting);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="office"){
	            var toggleOffice ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee">'+
	                '<label class="label">G102:</label>'+
	                '<input type="checkbox" name="G102" id="'+selId+'_G102" style="vertical-align: middle">'+
	                '<label class="label">G103:</label>'+
	                '<input type="checkbox" name="G103" id="'+selId+'_G103" style="vertical-align: middle">'+
	                '<label class="label">G104:</label>'+
	                '<input type="checkbox" name="G104" id="'+selId+'_G104" style="vertical-align: middle">'+
	                '<label class="label">G105:</label>'+
	                '<input type="checkbox" name="G105" id="'+selId+'_G105" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleOffice);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="lounge"){
	            var toggleLounge ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee">'+
	                '<label class="label">G204:</label>'+
	                '<input type="checkbox" name="G204" id="'+selId+'_G204" style="vertical-align: middle">'+
	                '<label class="label">G205:</label>'+
	                '<input type="checkbox" name="G205" id="'+selId+'_G204" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleLounge);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="wc"){
	            var toggleWc ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee">'+
	                '<label class="label">G206:</label>'+
	                '<input type="checkbox" name="G206" id="'+selId+'_G206" style="vertical-align: middle">'+
	                '<label class="label">G106:</label>'+
	                '<input type="checkbox" name="G106" id="'+selId+'_G106" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleWc);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="airCon"){
	            var toggleAirCon ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee;height: auto">'+
	                '<label class="label">G102:</label>'+
	                '<input type="checkbox" name="G102" id="'+selId+'_G102" style="vertical-align: middle">'+
	                '<label class="label">G103:</label>'+
	                '<input type="checkbox" name="G103" id="'+selId+'_G103" style="vertical-align: middle">'+
	                '<label class="label">G104:</label>'+
	                '<input type="checkbox" name="G104" id="'+selId+'_G104" style="vertical-align: middle">'+
	                '<label class="label">G105:</label>'+
	                '<input type="checkbox" name="G105" id="'+selId+'_G105" style="vertical-align: middle">'+
	                '<label class="label">G201:</label>'+
	                '<input type="checkbox" name="G201" id="'+selId+'_G201" style="vertical-align: middle"><br/>'+
	                '<label class="label">G202:</label>'+
	                '<input type="checkbox" name="G202" id="'+selId+'_G202" style="vertical-align: middle">'+
	                '<label class="label">G203:</label>'+
	                '<input type="checkbox" name="G203" id="'+selId+'_G203" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleAirCon);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if (IDtype=="curtain"){
	            var toggleCuetain ='<div id="'+selId+'ID" style="color: black;margin-top: 0;border-top: 1px solid #eee;height: auto">'+
	                '<label class="label">G102:</label>'+
	                '<input type="checkbox" name="G102" id="'+selId+'_G102" style="vertical-align: middle">'+
	                '<label class="label">G103:</label>'+
	                '<input type="checkbox" name="G103" id="'+selId+'_G103" style="vertical-align: middle">'+
	                '<label class="label">G104:</label>'+
	                '<input type="checkbox" name="G104" id="'+selId+'_G104" style="vertical-align: middle">'+
	                '<label class="label">G105:</label>'+
	                '<input type="checkbox" name="G105" id="'+selId+'_G105" style="vertical-align: middle">'+
	                '<label class="label">G201:</label>'+
	                '<input type="checkbox" name="G201" id="'+selId+'_G201" style="vertical-align: middle"><br/>'+
	                '<label class="label">G202:</label>'+
	                '<input type="checkbox" name="G202" id="'+selId+'_G202" style="vertical-align: middle">'+
	                '<label class="label">G203:</label>'+
	                '<input type="checkbox" name="G203" id="'+selId+'_G203" style="vertical-align: middle">'+
	                '</div>';
	            $("#"+selId+"ID").remove();
	            if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).after(toggleCuetain);
	                $("#"+selId+"ID").css("display","none");
	            }
	        }
	        if(IDtype=="_1"){
//	            switch (selId){
//	                case 'timeCtrl_work':
//	                    var timeVal = "2016/11/19 09:00";
//	                    break;
//	                case 'timeCtrl_meeting':
//	                    timeVal = "2016/11/19 11:30";
//	                    break;
//	                case 'timeCtrl_lunch':
//	                    timeVal = "2016/11/19 12:00";
//	                    break;
//	                case 'timeCtrl_rest':
//	                    timeVal = "2016/11/19 13:00";
//	                    break;
//	                case 'timeCtrl_offWork':
//	                    timeVal = "2016/11/19 18:00";
//	                    break;
//	            }
	      
//	            var timeCtrl = '<input type="text"  id="'+selId+'ID" ng-model="work_1" class="alertSource" style="z-index:99;color: black;text-align: center"><br/>'+
//	                '<div style="display: inline-block" id="'+selId+'Dao">剩余时间&nbsp;&nbsp;<strong id="'+selId+'RemainD"></strong>天<strong id="'+selId+'RemainH"></strong>时<strong id="'+selId+'RemainM"></strong>分<strong id="'+selId+'RemainS"></strong>秒</div>';
	            var firstSelId = selId.substring(0,selId.length-2);
        		var timeCtrl = '周一:<input type="checkbox" id="'+firstSelId+'week_1" style="vertical-align:text-bottom"/>周二:<input type="checkbox" id="'+firstSelId+'week_2" style="vertical-align:text-bottom"/>周三:<input type="checkbox" id="'+firstSelId+'week_3" style="vertical-align:text-bottom"/>周四:<input type="checkbox" id="'+firstSelId+'week_4" style="vertical-align:text-bottom"/>周五:<input type="checkbox" id="'+firstSelId+'week_5" style="vertical-align:text-bottom"/>周六:<input type="checkbox" id="'+firstSelId+'week_6" style="vertical-align:text-bottom"/>周日:<input type="checkbox" id="'+firstSelId+'week_7" style="vertical-align:text-bottom"/>'+
        		'<input type="text"  id="'+selId+'ID" ng-model="work_1" class="alertSource" style="z-index:99;color: black;text-align: center;height:35px"><br/>';

  	
	        	if (!$("#"+selId+"ID").attr("id")) {
	                $("#" + selId).css("height","auto").html(timeCtrl);
//	                            $("#"+selId+"ID").css("display","none");
	                $("#"+selId+"ID").focus(function(e){
	                    e.preventDefault();
	                    $("#" + selId).attr("draggable","false");
	                });
	                $("#"+selId+"ID").blur(function(e){
	                    e.preventDefault();
	                    $("#" + selId).attr("draggable","true");
	                });
	                $("#"+selId+"ID").datetimepicker({
                        datepicker:false,
                        format:'H:i',
                        step:10
                    });
	
	                //定义倒计时
	
//	                function GetRTime(){
//	
//	                    var setTime = $("#"+selId+"ID").val();
//	                    var setTimeY = parseInt(setTime.substring(0,4));
//	                    var setTimeM = parseInt(setTime.substring(5,7));
//	                    var setTimeD = parseInt(setTime.substring(8,10));
//	                    var setTimeH = parseInt(setTime.substring(11,13));
//	                    var setTimeS = parseInt(setTime.substring(14,16));
//	                    var startTime = new Date();
//	                    //定义参数可返回当天的日期和时间
//	                    startTime.setFullYear(setTimeY,setTimeM-1,setTimeD);//月份是0-11  对应1-12月
//	                    //调用设置年份
//	                    startTime.setHours(setTimeH);
//	                    //调用设置指定的时间的小时字段
//	                    startTime.setMinutes(setTimeS);
//	                    //调用设置指定时间的分钟字段
//	                    startTime.setSeconds(00);
//	                    //调用设置指定时间的秒钟字段
//	                    startTime.setMilliseconds(000);
//	                    //调用置指定时间的毫秒字段
//	                    var EndTime=startTime.getTime();
//	                    //定义参数可返回距 1970 年 1 月 1 日之间的毫秒数
//	
//	
//	                    //定义方法
//	                    var NowTime = new Date();
//	                    //定义参数可返回当天的日期和时间
//	                    var nMS = EndTime - NowTime.getTime();
//	                    //定义参数 EndTime减去NowTime参数获得返回距 1970 年 1 月 1 日之间的毫秒数
//	                    var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
//	                    //定义参数 获得天数
//	                    var nH = Math.floor(nMS/(1000*60*60)) % 24;
//	                    //定义参数 获得小时
//	                    var nM = Math.floor(nMS/(1000*60)) % 60;
//	                    //定义参数 获得分钟
//	                    var nS = Math.floor(nMS/1000) % 60;
//	                    //定义参数 获得秒钟
//	                    if (nMS < 0){
//	                        //如果秒钟大于0
//	                        $("#"+selId+"Dao").hide();
//	                        //获得天数隐藏
//	                    }else{
//	                        //否则
//	                        $("#"+selId+"Dao").show();
//	                        //天数展开
//	                        $("#"+selId+"RemainD").text(nD);
//	                        //显示天数
//	                        $("#"+selId+"RemainH").text(nH);
//	                        //显示小时
//	                        $("#"+selId+"RemainM").text(nM);
//	                        //显示分钟
//	                        $("#"+selId+"RemainS").text(nS);
//	                        //显示秒钟
//	                    }
//	                    if (!$("#"+selId+"ID")){
//	                        return clearInterval(timer_rt);
//	                    }
//	                }
//	                if (GetRTime){
//	                    window.timer_rt = setInterval(GetRTime,1000);
//	                }
//	                $("#"+selId+"ID").change(function(){
//	                    clearInterval(timer_rt);
//	                    if (GetRTime){
//	                    	window.timer_rt = setInterval(GetRTime,1000);
//	                    }
//	                })
	            }
	            
	            
	        }
	        $(".pc_list span").unbind();
	        $(".pc_list span").click(function() {
	            var parSpan =  $(this).parent().next();
	            if (parSpan.css("display")=="none"){
	                $(this).text("收起∧");
	                parSpan.css("display","block")
	            }else if (parSpan.css("display")=="block"){
	                $(this).text("展开∨");
	                parSpan.css("display","none")
	            }

	        });
	
	    }
		
	    if((ev.target.className == "listOff")){
	        var noSelList = $("#"+ev.target.id+">div").last();//获取到拖动的素材
	        var removeList = noSelList.parent().siblings();//获取到同一模式下的场景框
	        removeList.children("#"+noSelList.attr('id')+"ID").remove();
	        if (noSelList.attr('id').substring(noSelList.attr('id').indexOf('_'),999)=="_1"){
	            $("#"+noSelList.attr('id')).html("时钟");
//	            clearInterval(timer_rt);
	           
	
	        }
	        if (noSelList.attr('id').substring(noSelList.attr('id').indexOf('_'),999)=="_4"){
	            $("#"+noSelList.attr('id')).html("继电器");
	
	        }
	    }
	}

	
	

//});


function addMod(){
    $("#mask").css("display","block");
    $("#mask input[type='button']").on('click',function(){
	    $("#mask").css("display","none");
	});

    
};



